// /**
// //  * Magento
//  *
//  * NOTICE OF LICENSE
//  *
//  * This source file is subject to the Academic Free License (AFL 3.0)
//  * that is bundled with this package in the file LICENSE_AFL.txt.
//  * It is also available through the world-wide-web at this URL:
//  * http://opensource.org/licenses/afl-3.0.php
//  * If you did not receive a copy of the license and are unable to
//  * obtain it through the world-wide-web, please send an email
//  * to license@magentocommerce.com so we can send you a copy immediately.
//  *
//  * DISCLAIMER
//  *
//  * Do not edit or add to this file if you wish to upgrade Magento to newer
//  * versions in the future. If you wish to customize Magento for your
//  * needs please refer to http://www.magentocommerce.com for more information.
//  *
//  * @copyright  Copyright (c) 2014 X.commerce, Inc. (http://www.magentocommerce.com)
//  * @license    http://opensource.org/licenses/afl-3.0.php  Academic Free License (AFL 3.0)
//  */

// Default Button
.DefaultButton {
    font: 14px/19px @baseFont;
    font-weight: 500;
    background: @defaultButton1;
    border: 1px solid @defaultButton2;
    color: @defaultButton3;
    display: inline-block;
    padding: 5px 14px;
    text-align: center;
    text-decoration: none;
    vertical-align: top;
    cursor: pointer;
    border-radius: 2px;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    &:hover,
    &:focus,
    &:active {
        text-decoration: none;
        background: @defaultButton4;
        color: @defaultButton3;
    }
    &:active {
        border: 1px solid @defaultButton5;
    }
    &:visited {
        color: @defaultButton3;
    }
    &[disabled],
    &.disabled {
        &:hover,
        &:active {
            color: @defaultButton3;
            background: @defaultButton1;
            border: 1px solid @defaultButton2;
        }
        cursor: not-allowed;
        opacity: 0.5;
        filter: progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    }
}

// Primary Button
.PrimaryButton {
    &:extend(.DefaultButton all);
    color: #fff;
    background: @primaryButton1;
    border: 1px solid @primaryButton2;
    &:focus,
    &:hover {
        color: #fff;
        background: @primaryButton3;
        border: 1px solid @primaryButton3;
    }
    &:active {
        color: #fff;
        background: @primaryButton3;
        border: 1px solid @primaryButton4;
    }
    &:visited {
        color: #fff;
    }
    &[disabled],
    &.disabled {
        &:hover,
        &:active {
            color: #fff;
            background: @primaryButton1;
            border: 1px solid @primaryButton2;
        }
    }
}

// Primary Add Button
// .PrimaryAddButton {
//     &:extend(.PrimaryButton all);
//     width: 36px;
//     height: 31px;
//     overflow: hidden;
//     position: relative;
//     z-index: 1;
//     padding: 0;
//     &:focus {
//         outline: none;
//     }
//     > span {
//         text-indent: -999em;
//         display: block;
//         width: 34px;
//         height: 29px;
//         &:before {
//             text-indent: 0;
//             font-family: 'MUI-Icons';
//             font-weight: normal;
//             font-size: 22px;
//             content: '\e02d';
//             color: #fff;
//             position: absolute;
//             width: 34px;
//             height: 29px;
//             line-height: 29px;
//             text-align: center;
//             vertical-align: middle;
//             top: 0;
//             left: 0;
//             overflow: hidden;
//             .eq-ie9 & {
//                 line-height: 31px;
//             }
//         }
//     }
// }

// Primary Split and Primary Add Split Button
.PrimarySplitButton {
    &.btn-round {
        .action-default.primary {
            //&:extend(.PrimaryAddButton all);
            border-radius: 2px 0 0 2px;
            &:focus {
                outline: none;
            }
        }
    }
    > .action-default.primary {
       border-radius: 2px 0 0 2px;
        &:focus {
            outline: none;
        }
    }
    > .action-toggle.primary {
        &:extend(.PrimaryButton all);
        overflow: hidden;
        z-index: 1;
        padding: 0;
        border-radius: 0 2px 2px 0;
        font-size: 15px;
        width: 30px;
        height: 31px;
        line-height: 30px;
        margin-left: -1px;
        position: relative;
        z-index: 2;
        filter: none;
        &:focus {
            outline: none;
        }
        &:before {
            text-align: center;
        }
    }
    .dropdown-menu {
        left: 0;
        right: auto;
        z-index: 1;
        > li > .item {
            padding: 9px 10px 10px;
        }
    }
    &.active {
        > .action-toggle.primary,
        > .action-toggle.primary:hover {
            background: @primaryButton3;
            border: 1px solid @primaryButton4;
        }
    }
}
